<template>
  <van-cell :title="item.name" :label="author + ' - ' + item.name" center>
    <template #right-icon>
      <van-icon name="play-circle-o" size="28" color="#000" @click="$router.push(`/play/${item.id}`)" />
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'Item',
  props: {
    item: {
      type: Object,
      required: true
    },
    author: {
      type: String,
      required: true
    }
  },
  data () {
    return {}
  },
  created () {},
  methods: {}
}
</script>

<style lang='less' scoped>
</style>
